.main-container {
  overflow-x: hidden;
}

.oxygen {
  font-family: "Oxygen", sans-serif !important;
}

header {
  margin-top: 4rem;
  min-height: 500px;
  background-size: 800px;
  background-repeat: no-repeat;
  background-position: 300px 80px;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  position: relative;
}
@media screen and (max-width: 991px) {
  header {
    background-size: contain;
    background-position: center 150px;
    min-height: 400px;
    text-align: center;
  }
}

header .logo {
  position: relative;
  z-index: 800;
}
@media screen and (max-width: 991px) {
  header .logo {
    margin-top: 4rem;
  }
}

header .logo img {
  width: 360px;
}

header .logo h2 {
  font-family: "Oxygen", sans-serif;
  font-weight: 600;
  font-size: 40px;
}

header .logo span {
  font-size: 22px;
  font-family: "Oxygen", sans-serif;
  font-weight: 300;
}

header .city {
  width: 800px;
  position: absolute;
  right: -4rem;
  top: 0;
}
header .city .overlay-w {
  width: 120px;
  height: 100%;
  position: absolute;
  z-index: 999;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
header .city .overlay-w2 {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  z-index: 999;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
header .city video {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 991px) {
  header .city {
    right: -50%;
    bottom: -40rem;
    opacity: 0.5;
    z-index: 1;
    display: none;
  }
}

header .shape-left {
  position: absolute;
  width: 300px;
  left: 0;
  top: 30%;
}
@media screen and (max-width: 991px) {
  header .shape-left {
    top: 40%;
    display: none;
  }
}
header .shape-left .grad-shape {
  position: absolute;
  z-index: 10;
  width: 280px;
  height: 280px;
  left: -50%;
  rotate: 45deg;
  margin: 0 auto;
  border-radius: 0 2rem 0 0;
  /* Apply glow to the parent to map perfectly to the pseudo child */
  filter: drop-shadow(0 0 15px rgba(97, 214, 255, 0.8));
}
header .shape-left .grad-shape::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 4px; /* The border width */
  background: linear-gradient(90deg, #61D6FF 35%, #9C4DE8 50%, #da291c 75%);
  background-size: 250% 250%;
  animation: borderFlow 6s ease-in-out infinite;
  /* Use mask to cutout the middle */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.intro {
  width: 100%;
  min-height: 500px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 4%, rgba(236, 223, 255, 0.5) 34%, rgba(210, 245, 255, 0.5) 65%, rgba(255, 255, 255, 0.81) 92%, rgba(255, 255, 255, 0) 99%);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: -6rem;
  padding: 10rem 0;
  padding-top: 12rem;
}
@media screen and (max-width: 991px) {
  .intro {
    padding: 2rem;
    padding-top: 8rem;
    margin-top: -4rem;
  }
}

.intro h1 {
  font-size: 36px;
  font-weight: 300;
  font-family: "Oxygen", sans-serif;
}

.intro .intro-img {
  position: relative;
}
@media screen and (max-width: 991px) {
  .intro .intro-img {
    display: none;
  }
}
.intro .intro-img .grad-box {
  position: absolute;
  z-index: 10;
  bottom: 0rem;
  width: 260px;
  height: 260px;
  rotate: 45deg;
  margin: 0 auto;
  left: 4.79rem;
  /* Apply glow directly to the parent */
}
.intro .intro-img .grad-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 4px; /* The border width */
  background: linear-gradient(90deg, #61D6FF 35%, #9C4DE8 50%, #da291c 75%);
  background-size: 250% 250%;
  animation: borderFlow 6s ease-in-out infinite;
  /* Use mask to cutout the middle */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.intro .intro-img img {
  width: 360px;
  margin: 0 auto;
  display: block;
  margin-bottom: -5rem;
  z-index: 210;
  position: relative;
}

.intro .intro-txt {
  font-size: 14px;
  z-index: 999;
}

.intro .intro-txt .intro-data {
  display: flex;
  align-items: center;
}

.intro .intro-txt .intro-data img {
  height: 40px;
  margin-right: 1rem;
}

.intro .intro-txt .intro-data p {
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}

.roadshow {
  min-height: 400px;
}
.roadshow h2 {
  text-align: center;
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .limited {
    padding: 1rem;
  }
}

.limited-in {
  width: 100%;
  min-height: 120px;
  background: #fff;
  background-image: url(https://images.news.avaya.com/EloquaImages/clients/AvayaInc/%7B81d11b2c-84e0-4235-aa3b-812508bcfb9c%7D_line-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 8.36px 29.26px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 4rem;
}
@media screen and (max-width: 991px) {
  .limited-in {
    min-height: 400px;
    background-image: none;
    flex-direction: column-reverse;
  }
}
.limited-in h2 {
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}
.limited-in .lim-txt {
  padding-left: 12rem;
}
@media screen and (max-width: 991px) {
  .limited-in .lim-txt {
    padding: 2rem;
    text-align: center;
  }
}

.takeaways {
  width: 100%;
  min-height: 200px;
  padding: 1rem 6rem 3rem;
}

.takeaways h2 {
  text-align: center;
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}

.takeaways .takeaways-col {
  font-size: 14px;
  padding: 0 3rem;
}
@media screen and (max-width: 991px) {
  .takeaways .takeaways-col {
    padding: 0;
  }
}

.takeaways .takeaways-col img {
  width: 310px;
  margin-bottom: 1rem;
  transition: all 300ms ease-in-out;
}

.register {
  padding: 3rem;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 8rem;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 4%, rgba(236, 223, 255, 0.5) 34%, rgba(210, 245, 255, 0.5) 65%, rgba(255, 255, 255, 0.81) 92%, rgba(255, 255, 255, 0) 99%);
  background-size: contain;
}
@media screen and (max-width: 991px) {
  .register {
    padding: 1rem;
    padding-bottom: 6rem;
  }
}

.register h2 {
  text-align: center;
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .navbar {
    background-color: rgb(251, 251, 253) !important;
    border-bottom: 0.5px solid rgba(3, 3, 3, 0.1) !important;
  }
}
.agenda {
  padding: 4rem 3rem;
  background: #FFF;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(210, 245, 255, 0.67) 50%, rgb(255, 255, 255) 100%);
}
.agenda h2 {
  text-align: center;
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  margin-bottom: 2rem;
}
.agenda .agenda-table {
  width: 100%;
  min-height: 200px;
  border: 4px solid;
  border-image-source: linear-gradient(to top, #D2F5FF, #61D6FF);
  border-image-slice: 1;
  padding: 6rem;
}
@media screen and (max-width: 991px) {
  .agenda .agenda-table {
    padding: 2rem;
    text-align: center;
  }
}
.agenda .democard {
  border: 1px solid #61D6FF;
  padding: 2rem;
  border-radius: 1rem;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
}
.agenda .democard .demo-txt {
  position: relative;
  align-items: center;
}
.agenda .democard .demo-txt h3 {
  font-size: 16px;
  font-family: "Oxygen", sans-serif;
  text-align: center;
  line-height: 22px;
  margin: 0;
}
.agenda .democard .demo-txt .icon-top {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}
.agenda .democard .demo-txt .icon-top img {
  width: 100%;
}
.agenda .splide__list {
  height: auto;
}
.agenda .splide__arrow--prev {
  left: -2em;
}
.agenda .splide__arrow--next {
  right: -2em;
}

.speakers2 {
  padding: 3rem;
}
.speakers2 h2 {
  text-align: center;
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}
.speakers2 .spk-in {
  width: 20%;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .speakers2 .spk-in {
    width: 100%;
  }
}
.speakers2 .spk-in b {
  font-size: 20px;
}
.speakers2 .spk-in img {
  width: 100%;
}
.speakers2 .spk-in-2 {
  display: flex;
  align-items: center;
}
.speakers2 .spk-in-2 img {
  width: 200px;
}
.speakers2 .spk-in-2 .skp-in-txt {
  padding: 1rem;
}
.speakers2 .spk-in-2 .skp-in-txt b {
  font-size: 20px;
}
.speakers2 .spk-in-2 .skp-in-txt img {
  width: 80px;
}

.header-in {
  min-height: 260px;
  background: #f5f5f5;
  margin-top: 4rem;
  display: flex;
  align-items: center;
  background: url(https://images.news.avaya.com/EloquaImages/clients/AvayaInc/%7B5379cefa-e081-4598-8274-b5084823d7c3%7D_bg-form.png);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .header-in {
    background-size: cover;
    text-align: center;
    padding-top: 4rem;
  }
}
.header-in h1 {
  font-size: 40px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}

.header-in .shape-left {
  position: absolute;
  width: 300px;
  left: 0;
  top: 20%;
}
@media screen and (max-width: 991px) {
  .header-in .shape-left {
    top: 40%;
    display: none;
  }
}
.header-in .shape-left .grad-shape {
  position: absolute;
  z-index: 10;
  width: 290px;
  height: 290px;
  left: -50%;
  rotate: 45deg;
  margin: 0 auto;
  border-radius: 0 2rem 0 0;
  /* Apply glow to the parent to map perfectly to the pseudo child */
  filter: drop-shadow(0 0 15px rgba(97, 214, 255, 0.8));
}
.header-in .shape-left .grad-shape::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 4px; /* The border width */
  background: linear-gradient(90deg, #61D6FF 35%, #9C4DE8 50%, #da291c 75%);
  background-size: 250% 250%;
  animation: borderFlow 6s ease-in-out infinite;
  /* Use mask to cutout the middle */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: #D2F5FF;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.125);
}

.accordion-item {
  background-color: #fff;
  border: 1px solid;
  border-image-source: linear-gradient(to right, #61D6FF, #9C4DE8, #DA291C);
  border-image-slice: 1; /* Required to prevent the gradient from repeating in corners */
}

.btn-reg3 {
  border: 0;
}

.btn-reg3 a {
  background: linear-gradient(303.64deg, #d2f5ff 11.49%, transparent) #62d6ff 65.39%;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  transition: all 300ms ease-in-out;
  text-decoration: none;
  color: #000;
  border: 1px solid #D2F5FF;
}

.btn-reg3 a:hover {
  background-color: #d2f5ff;
  transition: all 300ms ease-in-out;
  border: 1px solid #61D6FF;
}

.blade-cities h2 {
  text-align: center;
  font-size: 36px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
}

.blade-cities__card__title {
  margin-top: 1rem;
}

.city-info-in {
  display: flex;
}
.city-info-in img {
  width: 50px;
}

.journey-header__content {
  align-items: flex-start;
}

.journey-header {
  height: auto;
  padding-bottom: 80px;
}

.journey-header__video-placeholder {
  top: 0;
}

.journey-header__subtitle h1 {
  font-size: 28px;
  font-weight: bold;
  font-family: var(--font-oxygen);
}

.journey-header__subtitle p {
  font-size: 20px;
}

.journey-header .navbar {
  margin-top: 40px;
}

.blade-subtitle {
  font-size: 20px;
}

.blade-cities__card {
  position: relative;
  border: 4px solid;
  /* The '1' at the end is the border-image-slice value, required for the gradient to show */
  border-image: linear-gradient(to right, #61D6FF, #9C4DE8, #DA291C, #ffffff) 1;
  padding: 18px;
  transition: all 0.3s;
  cursor: pointer;
  width: 90%;
  min-height: 490px;
}

.blade-cities a {
  text-decoration: none;
  color: var(--color-black);
}

.blade-cities__card__icon {
  width: 18px !important;
}

.blade-cities__card {
  transition: all 0.3s;
  background: #ffffff;
}

.blade-cities__card:hover {
  background: linear-gradient(90deg, #D2F5FF, #ffffff);
  transition: all 0.3s;
}

.blade-cities__card__image {
  position: relative;
}

.blade-cities__card__image__overlay {
  position: absolute;
  top: 85%;
  left: 0;
  width: 80%;
  height: 70px;
  margin-left: 1%;
  background-color: #fff;
  padding: 6px 14px;
  border: 2px solid #D2F5FF;
  display: flex;
  align-items: center;
  border-radius: 0;
  transition: all 0.3s;
  opacity: 0;
}

.blade-cities__card__image__overlay__content {
  display: flex;
  align-items: center;
}

.blade-cities__card__image__overlay__content img {
  width: 50px;
  margin-right: 1rem;
}

.blade-cities__card:hover .blade-cities__card__image__overlay {
  top: 82%;
  opacity: 1;
}

.blade-cities__card__image__overlay__content {
  color: var(--color-black);
}

.blade-cities__card__image img {
  max-width: 114%;
  position: relative;
}

.blade-video {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38%, rgb(209, 245, 254) 38%);
  margin-top: 120px;
}

.blade-video__border-container {
  background-color: var(--color-white);
  border: 5px solid var(--color-green);
  border-radius: 0 0 0 80px;
  margin: 0 8px 80px;
}

.blade-video__content {
  padding: 64px;
}

.form-check-input:checked {
  background-color: #D2F5FF;
  border-color: #61D6FF;
}